<%@ page contentType="text/html;charset=UTF-8"%>
<%@ page import="java.io.*"%>
<%@ page import="java.util.*"%>
<%@ taglib uri="/WEB-INF/tlds/oscache.tld" prefix="oscache"%>
<%@ taglib uri="/WEB-INF/tlds/jpage.tld" prefix="jpage"%>
<%@ taglib uri="/WEB-INF/tlds/jquery.tld" prefix="jq"%>
<%@ taglib uri="/WEB-INF/tlds/ajax.tld" prefix="ajax"%>
<%@ taglib uri="/WEB-INF/tlds/fmt.tld" prefix="fmt"%>
<%@ taglib uri="/WEB-INF/tlds/c.tld" prefix="c"%>
<html>
<head>
<jq:jquery />
<link type="text/css"
	href="<%=request.getContextPath()%>/scripts/calendar/skins/aqua/theme.css"
	rel="stylesheet" />
<script src="<%=request.getContextPath()%>/scripts/calendar/calendar.js"
	language="javascript"></script>
<script
	src="<%=request.getContextPath()%>/scripts/calendar/lang/calendar-en.js"
	language="javascript"></script>
<script
	src="<%=request.getContextPath()%>/scripts/calendar/calendar-setup.js"
	language="javascript"></script>
</head>
<body>
<input name="x_date" />
<img src="<%=request.getContextPath()%>/pages/images/calendar.gif"
	id="f_trigger_2" style="cursor: pointer; border: 1px solid red;" />

<script language="javascript">
	   $(document).ready(function(){ 
		   $("#x_date").click(function() {
              alert("xxxxx");
		   });
	  }); 
 </script>

<script language="javascript">
	  Calendar.setup({
				inputField     :    "x_date",      
				ifFormat       :    "%Y-%m-%d",     
				button         :    "f_trigger_2",   
				align          :    "Bl",            
				singleClick    :    true,
				showsTime      :    false
	       });

 </script>

<a href="http://www.google.com">google</a>
<script language="javascript">
 $(document).ready(function() {
	$("a").click(function() {
		alert("Hello world!");
	});
});
 </script>
</body>
</html>